<script>

	$(function() {
		
		$('#dialog_agendar').dialog({ autoOpen: false, minWidth: 620, minHeight: 570, modal: true });

		$('#agenda_dialog_msg_warning,#agenda_dialog_msg_error').dialog({ autoOpen: false, minWidth: 620, minHeight: 200, modal: true });

		$('#agenda_dialog_extra').dialog({ autoOpen: false, minWidth: 120, minHeight: 120, modal: true });

		$('#agenda_dialog_excluir').dialog({ autoOpen: false, minWidth: 120, minHeight: 120, modal: true });

		$('#agenda_alterar,#agenda_marcar').live('click',function(){

			var agenda_id = $(this).attr('key');
			
			$.ajax({
				type: 'POST',
				url: root() + '/agendas/alterar/' + agenda_id,
				async: true,
				beforeSend : function() {
					$('#dialog_agendar_conteudo').css('opacity','0.4');
					$('#dialog_agendar').dialog('open');
				},
				success: function(agenda){
					$('#dialog_agendar_conteudo').html(agenda).css('opacity','1');
				}
			});

		});

		$('#agenda_carregar_horarios').click(function(){
			carregar_horarios();
		});

		$('#agenda_imprimir_ficha').live('click',function(){

			var agenda_id = $(this).attr('key');
			window.open(root() + '/agendas/imprimir_ficha/' + agenda_id)
			
		});	
			
		$('#AgendaMedicoId').change(function(){
			carregar_horarios();
		});		

		$('#agenda_carregar_medicos').click(function(){
			carregar_medicos();
		});


		$('#agenda_link_cancelar,#agenda_link_pesquisar,#agenda_link_finalizar').click(function(){
			
			var id = $(this).attr('id');
			$('.agenda_link_conteudo').hide();
			$('#'+id+'_conteudo').fadeIn();

		});

		$('#agenda_link_procurar').click(function(){
			location.href = root() + '/agendas/procurar_vaga/';
		});	

		$('#agenda_link_imprimir').click(function(){
			location.href = root() + '/agendas/imprimir/';
		});		

		$('.agenda_fechar_link_conteudo').click(function(){
			$('.agenda_link_conteudo').hide();
		});

		$('#link_ocultar_lado_esquerdo').click(function(){

			$('#agenda_lado_esquerdo').css('width','1%');
			$('#agenda_lado_direito').css('width','94%');
			$('#agenda_lado_esquerdo_conteudo').hide();
			$(this).hide();
			$('#link_mostrar_lado_esquerdo').show();
		});	

		$('#link_mostrar_lado_esquerdo').click(function(){
			$('#agenda_lado_esquerdo').css('width','20%');
			$('#agenda_lado_direito').css('width','75%');
			$('#agenda_lado_esquerdo_conteudo').show();
			$(this).hide();
			$('#link_ocultar_lado_esquerdo').show();			
		});	

		$('.mouse_over').live('mouseover', function(){

			var agenda_id = $(this).attr('key');
			
			$('#info_agendamento').html( $('#span_info_agendamento_'+agenda_id).html()  );
			
		});	

	});
	
	function carregar_horarios() {

		$.ajax({
			type: 'POST',
			url: root() + '/agendas/carregar_horarios/',
			async: true,
			data: $('#AgendaPesquisarIndexForm').serialize(),
			beforeSend : function() {
				$('#agenda_lado_direito_conteudo').css('opacity','0.4');
				$('#agenda_lado_direito_loading').css('visibility','visible');
			},
			success: function(html){
				$('#agenda_lado_direito_conteudo').html(html).css('opacity','1');
				$('#agenda_lado_direito_loading').css('visibility','hidden');
			}
		});
				
	}

	function carregar_medicos() {

		$.ajax({
			type: 'POST',
			url: root() + '/agendas/carregar_medicos/',
			async: true,
			data: $('#AgendaPesquisarIndexForm').serialize(),
			beforeSend : function() {
				$('#AgendaPesquisarMedicoId').html('<option>Carregando...</option>').css('opacity','0.8');
			},
			success: function(retorno){
				$('#AgendaPesquisarMedicoId').html(retorno).css('opacity','1');
				carregar_horarios();
			}
		});
				
	}

	function criar_extra() {

		$.ajax({
			type: 'POST',
			dataType: 'json',
			url: root() + '/agendas/extra/',
			data: $('#AgendaExtraIndexForm').serialize(),
			async: true,
			beforeSend : function() {
				$('#agenda_dialog_extra').css('opacity','0.4');
			},
			success: function(retorno){
				if (!retorno.sucesso) {
					$('#agenda_dialog_msg_'+retorno.tipo).dialog('open');
					$('#agenda_dialog_msg_'+retorno.tipo+'_conteudo').html(retorno.mensagem);					
				} else {
					$('#AgendaId,#AgendaExtraSenha,#AgendaPacienteId,#AgendaPacienteNome,#AgendaObservacoesDoConvenio,#AgendaObservacoes,#AgendaPrecoProcedimento').val('');
					$('#span_telefones_paciente').html('');
					$('#AgendaHorario').val(retorno.horario);
					$('#span_horario').html(retorno.horario);
					$('#AgendaTipoHorario').val('T');
					$('#AgendaConvenioId').html('<option value="0">Selecione...</option>');
					$('#div_link_encaixe,#div_link_excluir,#div_link_extra').hide();
					$('#span_tipo_horario').html('EXTRA');
					$('#AgendaSituacao').html('<option value="1">Livre</option><option value="2" selected="selected">Agendado</option>');
					$('#AgendaTipoConfirmacaoId,#AgendaPrimeiraVez,#AgendaProcedimentoId').val('');	
				}
				$('#agenda_dialog_extra').css('opacity','1').dialog('close');;
			}
		});
				
	}

	function excluir_horario() {

		if (confirm('Deseja realmente excluir o horário?')) {
			
			$.ajax({
				type: 'POST',
				dataType: 'json',
				url: root() + '/agendas/excluir/',
				data: $('#AgendaExcluirIndexForm').serialize(),
				async: true,
				beforeSend : function() {

				},
				success: function(retorno){
					if (retorno.sucesso) {
						$('#dialog_agendar,#agenda_dialog_excluir').dialog('close');
						carregar_horarios();
					} else {
						alert(retorno.mensagem);
					}
				}
			});			
		}
	}
	

</script>

<?php
	$this->Html->script(array('jquery.maskedinput-1.2.2.min','maskinput','jquery.ui.datepicker-pt-BR','datepicker'), false);
	$this->Html->css(array('agenda'), null, array('inline' => false));
?>


<div class="agenda_links_container">
	<div id="agenda_link_cancelar" class="agenda_links">Cancelar</div>
	<div id="agenda_link_imprimir" class="agenda_links">Imprimir</div>
	<div id="agenda_link_pesquisar" class="agenda_links">Pesquisar</div>
	<div id="agenda_link_procurar" class="agenda_links">Procurar Vaga</div>
	<div id="agenda_link_finalizar" class="agenda_links">Finalizar dia</div>
</div>

<div style="clear:both;"></div>

<div id="agenda_link_cancelar_conteudo" class="agenda_link_conteudo">
	<fieldset style="width:97%">
		<legend>Cancelar</legend>
		<div class="agenda_fechar_link_conteudo"></div>
		<?php include_once 'cancelar_dia.ctp'; ?>
	</fieldset>
</div>

<div id="agenda_link_pesquisar_conteudo" class="agenda_link_conteudo">
	<fieldset style="width:97%">
		<legend>Pesquisar</legend>
		<div class="agenda_fechar_link_conteudo"></div>
		<?php include_once 'pesquisar_paciente.ctp'; ?>
	</fieldset>
</div>

<div id="agenda_link_finalizar_conteudo" class="agenda_link_conteudo">
	<fieldset style="width:97%">
		<legend>Finalizar Dia</legend>
		<div class="agenda_fechar_link_conteudo"></div>
		<?php include_once 'finalizar_dia.ctp'; ?>
	</fieldset>
</div>

<div style="clear:both;"></div>

<div id="agenda_lado_esquerdo">

	<a class="agenda_ocultar_lado_esquerdo" id="link_ocultar_lado_esquerdo" href="javascript:void(0);"></a>
	<a class="agenda_mostrar_lado_esquerdo" id="link_mostrar_lado_esquerdo" href="javascript:void(0);" style="display: none;"></a>
	
	<div id="agenda_lado_esquerdo_conteudo">
	<?php 	
		echo $this->Form->create('AgendaPesquisar', array('onsubmit' => 'return confirma();'));
		echo $this->Form->input('data_inicial', array('label' => __('Data Inicial'), 'type' => 'text', 'class' => 'maskdata data', 'value' => date('d/m/Y')));
		echo $this->Form->input('data_final', array('label' => __('Data Final'), 'type' => 'text', 'class' => 'maskdata data', 'value' => $data_final));
		echo $this->Form->input('especialidade_id', array('label' => __('Especialidades'), 'type' => 'select', 'options' => $especialidades, 'empty' => 'Selecione...', 'size' => '7', 'class' => 'agenda_lista_medicos', 'style' => 'width:100%', 'div' => array('style' => 'width:100%')));
		echo $this->Form->input('convenio_id', array('label' => __('Convênios'), 'type' => 'select', 'options' => $convenios, 'empty' => 'Selecione...', 'size' => '7', 'class' => 'agenda_lista_medicos', 'style' => 'width:100%', 'div' => array('style' => 'width:100%')));
		echo '<span id="agenda_carregar_medicos">Carregar Médicos</span>';
		echo $this->Form->input('medico_id', array('label' => __('Médico'), 'type' => 'select', 'empty' => 'Selecione...', 'size' => '5', 'class' => 'agenda_lista_medicos', 'style' => 'width:100%', 'div' => array('style' => 'width:100%')));
		echo '<span id="agenda_carregar_horarios">Carregar Horários</span>';
		echo $this->Form->input('apenas_livre', array('type' => 'checkbox', 'label' => __('Exibir apenas horários livres') ));
		echo $this->Form->end();
	?>
	</div>

</div>

<div id="agenda_lado_direito">
	<div id="agenda_lado_direito_loading">Carregando...</div>
	<div id="agenda_lado_direito_conteudo"></div>
</div>

<div id="dialog_agendar" title="Agendar">
	<div id="dialog_agendar_conteudo"></div>
</div>

<div id="agenda_dialog_msg_warning" title="Mensagem:">
	<span style="margin-left: 105px; font-weight: bold; display: block; margin-bottom: 10px;">Atenção:</span>
	<div id="agenda_dialog_msg_warning_conteudo"></div>
</div>

<div id="agenda_dialog_msg_error" title="Mensagem:">
	<span style="margin-left: 105px; font-weight: bold; display: block; margin-bottom: 10px;">Erro:</span>
	<div id="agenda_dialog_msg_error_conteudo"></div>
</div>

<div id="agenda_dialog_extra" title="Horário Extra">

	<?php 	
		echo $this->Form->create('AgendaExtra');
		echo $this->Form->input('id', array('type' => 'hidden'));
		echo $this->Form->input('senha', array('label' => __('Senha'), 'type' => 'password'));
		echo '<div class="botoes_form">';
		echo $this->Form->button('Confirmar', array('type' => 'button', 'onClick' => "javascript:criar_extra();"));
		echo $this->Form->button('Fechar', array('type' => 'button', 'onClick' => "$('#agenda_dialog_extra').dialog('close');"));
		echo '</div>'; 		
		echo $this->Form->end();
	?>
	
</div>

<div id="agenda_dialog_excluir" title="Excluir Horário">

	<?php 	
		echo $this->Form->create('AgendaExcluir');
		echo $this->Form->input('id', array('type' => 'hidden'));
		echo $this->Form->input('senha', array('label' => __('Senha'), 'type' => 'password'));
		echo '<div class="botoes_form">';
		echo $this->Form->button('Confirmar', array('type' => 'button', 'onClick' => "javascript:excluir_horario();"));
		echo $this->Form->button('Fechar', array('type' => 'button', 'onClick' => "$('#agenda_dialog_excluir').dialog('close');"));
		echo '</div>'; 		
		echo $this->Form->end();
	?>
	
</div>